<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/sec2.css">
</head>
<body>
	<div class="bannerS">
		
		<!-- 导航栏 -->
	<div class="nav ">
		<div class="banner">
			<img src="https://www.buchouwang.com/img/logo.a2dacc49.png">
		</div>
		<div class="nav-center">
			<a href="./index.html" class="item-on">首页 <span></span></a>
			<a href="./po.html" class="product">产品介绍 <span></span>
				<div class="Invisibility">
				<div class="subnav"></div>
			</div>
			</a>
			
			<a href="">解决方案 <span></span></a>
			<a href="">案例展示 <span></span></a>
			<a href="">新闻中心 
				<span></span>
				
			</a>
			<a href="">关于我们 <span></span></a>
			<a href="">加入我们 
				<span></span>
			</a>
			<a href="">生猪交易 <span></span></a>
			<a href="">申请演示 <span></span></a>
		</div>
        	
	</div>
	<div class="bantie">
			<div class="bancon">
				<div class="banner-title">解决方案</div>
				<div class="banner-info">解决方案</div>
			</div>
		</div>
	</div>
	<div class="detail-wrap">
		<div class="center-wrap">
			<div class="content">
				<div class="contentPage">
					<span>首页 > 解决方案 > </span>
					<span>解决方案详情页</span>
				</div>
				<div class="contentAll clearfix">
					<div class="contentallLeft"></div>
					<div class="contentallRight">
						<div class="rightTitle">
							案例展示
							<span class="rightMore">更多</span>
						</div>
						<div class="rightList">
							<ul></ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 网页底部 -->
	<div class="font-bottom">
				<div class="font-center">
						<div class="font-left">
							<ul>
								<li class="iteM">
										<div class="first-title">首页</div>
								</li>
								<li class="iteM">
									  <div class="first-title">产品介绍</div>
									  <div class="second-title">合同放养管理解决方案</div>
									  <div class="second-title">猪场解决方案</div>
									  <div class="second-title">生猪交易平台</div>
									  <div class="second-title">不愁养禽解决方案</div>
									  <div class="second-title">不愁养牛解决方案</div>
									  <div class="second-title">不愁养虾解决方案</div>
									  <div class="second-title">智慧运输解决方案</div>
									  <div class="second-title">物联网、智能设备</div>
								</li>
								<li class="iteM">
									<div class="first-title">解决方案</div>
									<div class="first-title">案例展示</div>
									<div class="first-title">新闻中心</div>
									<div class="second-title">公司动态</div>
									<div class="second-title">行业动态</div>
								</li>
								<li class="iteM">
									<div class="first-title">关于我们</div>
									<div class="first-title">加入我们</div>
									<div class="first-title">生猪交易</div>
									<div class="first-title">申请演示</div>
								</li>
							</ul>
						</div>
						<div class="font-right">
								<div class="first-title">联系我们</div>
								<div class="second-title">电话：0532-89089019</div>
								<div class="second-title">15898816599（栾延康）</div>
								<div class="second-title">地址：青岛市李沧区九水东路130号亚马逊AWS联合创新中心8楼</div>
								<div class="thred-title">订阅我们</div>
								<div class="second-title">第一时间最大幅的获得最新动态</div>
								<div class="sub-wrap">
								<input type="text" placeholder="请输入您的邮箱" class="sub-input"><div class="sub-botton">订阅</div>
								</div>
						</div>
				</div>
				<div class="footer-bottom">
						<div class="center-wrap">
								<div class="footer-number">Copyright © 2016-2017 不愁网（北京）信息科技有限公司 版权所有 丨 京ICP备17022714号-1</div>
						</div>
				</div>
		</div>
	<script type="text/javascript" src="ajax.js"></script>
	<script type="text/javascript" src="jquery-3.2.1.js"></script>
	<script type="text/javascript">
		console.log(location.href)
		let id = location.href.split('=')[1];



			//二级导航
			let subnav = document.querySelector(".subnav")
			ajax({
			  method: "get",
			  url: "stage-api/website/getProductMenuInfo",
			}).then(res => {
			  for(let i = 0; i < res.data.length; i++){
			    if (i == 4) {
			      continue;
			    }else if(i == 6){
			      continue;
			    }else{
			      subnav.innerHTML += `<div class="subtag" onclick=detail('${res.data[i].productId}')>
			                            <img src=${res.data[i].menuIcon.split("?")[0]}>
			                            <p>${res.data[i].productName}</p >
			                            </div>`
			    }
			  }
			})

			  function detail(productId){
			    location.href = `po.html?productId=${productId}`
			  }
			  $(".product").hover(function(){
				  $(".Invisibility").css("display", "block")
				}, function(){
				  $(".Invisibility").css("display", "none")
				})


			// 渲染下页面
	let urlHref = location.href.split("?")[1].split("=")[1]
	let listul = document.querySelector(".rightList ul")
		ajax({
			method: "get",
			url: "stage-api/website/getSolutionDetails",
			params: {
				solutionId: urlHref,
				}
			})
			.then(res => {
				console.log(res)
			$(".contentallLeft").html(`<div class="leftTitle">${res.data.productSolution.solutionName}</div>
        		<div class="leftText">${res.data.productSolution.solutionIntroduce}</div>`)
			for(let i = 0; i < res.data.companies.length; i++){
     			listul.innerHTML += `<li class="itemWarp">
                            <div class="item">
                            <div class="itemLeft">
                            <img src=${res.data.companies[i].companyLogoPhoto.split("?")[0]}>
                            </div>
                            <div class="itemRight">
                            <p class="itemText">${res.data.companies[i].caseCompanyName}</p >
                            <p class="itemTime">${res.data.companies[i].createTime.split(" ")[0]}</p >
                    </div>
               	</div>
            </li>`
    }
})	

	</script>
</body>
</html>